{extend name="../../tp/view/common/base_a"/}
<!---->
{block name="title"} a 链接 {/block}
<!--style 表内样式-->
{block name='headstyle'}
<style>
    /*没有被访问 */

    a:link {
        color: blue;
    }


    /*被访问过 */

    a:visited {
        color: green;
    }


    /*悬停 */

    a:hover {
        color: red;
    }

    /*被激活 */

    a:active {
        color: red;
    }
</style>
{/block}

<!---->
{block name="nav"}
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="www.baidu1.com">网址区 a在里面</a>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="www.baidu2.com">a</a>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="www.baidu3.com">a</a>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="www.baidu4.com">a</a>
        </div>
        <a href="www.baidu8.com">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a链接 a在div外</div>
        </a>
        <a href="www.baidu5.com">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a</div>
        </a>
        <a href="www.baidu6.com">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a</div>
        </a>
        <a href="www.baidu7.com">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a</div>
        </a>

    </div>

    <div class="divider"></div>
    <div class="row">
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="#baidu9">id型链接 a在里面</a>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="#baidu10">a</a>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="#baidu11">a</a>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">
            <a href="#baidu12">a</a>
        </div>
        <a href="#baidum13">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">id型链接 a在div 外面</div>
        </a>
        <a href="#baidu14">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a</div>
        </a>
        <a href="#baidu15">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a</div>
        </a>
        <a href="#baidu16">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 a">a</div>
        </a>

    </div>

</div>
<ul>
    <li>
        <a href="#baidu17">id型链接</a>
    </li>
    <li>
        <a href="#baidu18">a</a>
    </li>
    <li>
        <a href="#baidu19m">a</a>
    </li>
    <li>
        <a href="#baidum20">a</a>
    </li>
</ul>

<ul>
    <li>
        <a href="www.baidu.com21">网址型链接</a>
    </li>
    <li>
        <a href="www.baidu.com22">a</a>
    </li>
    <li>
        <a href="www.baidu.com23">a</a>
    </li>
    <li>
        <a href="www.baidu.com24">a</a>
    </li>
</ul>

{/block}